import React from "react";

export const UseCasesIcon = (props: React.SVGProps<SVGSVGElement>) => (
    <svg
        width="40"
        height="40"
        viewBox="0 0 40 40"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <rect width="40" height="40" rx="20" fill="white" />
        <rect width="40" height="40" rx="20" fill="#0080FF" fillOpacity="0.1" />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M15.2 16.0001C15.2 14.6746 16.2745 13.6001 17.6 13.6001H22.4C23.7255 13.6001 24.8 14.6746 24.8 16.0001V24.0001C24.8 25.3256 23.7255 26.4001 22.4 26.4001H17.6C16.2745 26.4001 15.2 25.3256 15.2 24.0001V16.0001ZM17.6 15.2001C17.1582 15.2001 16.8 15.5583 16.8 16.0001V24.0001C16.8 24.4419 17.1582 24.8001 17.6 24.8001H22.4C22.8418 24.8001 23.2 24.4419 23.2 24.0001V16.0001C23.2 15.5583 22.8418 15.2001 22.4 15.2001H17.6Z"
            fill="#0080FF"
        />
        <path
            d="M26.4 23.2001V16.8001C26.4 16.3583 26.7582 16.0001 27.2 16.0001C27.6418 16.0001 28 16.3583 28 16.8001V23.2001C28 23.6419 27.6418 24.0001 27.2 24.0001C26.7582 24.0001 26.4 23.6419 26.4 23.2001Z"
            fill="#0080FF"
        />
        <path
            d="M12 16.8001V23.2001C12 23.6419 12.3582 24.0001 12.8 24.0001C13.2418 24.0001 13.6 23.6419 13.6 23.2001V16.8001C13.6 16.3583 13.2418 16.0001 12.8 16.0001C12.3582 16.0001 12 16.3583 12 16.8001Z"
            fill="#0080FF"
        />
    </svg>
);
